<div class="header">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <a href="index.njk" class="logo pull-left"><img src="./assets/images/logo.svg" width="190" height="30"></a>
        <div class="aw-user-nav active hidden-xs hidden-sm">
          {# <a href="https://www.wegene.com/account/login/" class="btn btn-hollow active">登录</a>
          <a href="https://www.wegene.com/account/register/" class="btn btn-primary">注册</a> #}
        </div>
        <div class="aw-top-nav navbar ">
          <div class="navbar-header">
            <button class="navbar-toggle">
              <i class="icon icon-bar"></i>
            </button>
          </div>
          <nav class="hidden-xs hidden-sm">
            <ul class="nav navbar-nav">
              <li>
                <a href="https://www.wegene.com/page/access_to_report">如何生成报告</a>
              </li>
              <li>
                <a href="https://www.wegene.com/demo2/overview/">示例报告</a>
              </li>
              <li>
                <a href="https://www.wegene.com/science/">科学研究</a>
              </li>
              <li class="community ">
                <a data-url="explore/?category=1">社区</a>
              </li>
              <li data-toggle="buy">
                <a href="https://www.wegene.com/shop/">购买</a>
              </li>
              <li>
                <a href="https://www.wegene.com/invoice/">订单</a>
              </li>
              <li>
                <a href="https://www.wegene.com/download/">下载 APP</a>
              </li>
            </ul>
          </nav>
          <div class="side-nav">
            <ul>
              <li>
                <i class="icon icon-delete auto-close"></i>
              </li>
              <li>
                <dl>
                  <dt>
                    <a href="https://www.wegene.com/">首页</a>
                  </dt>
                </dl>
              </li>
              <li>
                <dl>
                  <dt>
                    <a href="https://www.wegene.com/page/access_to_report">如何生成报告</a>
                  </dt>
                </dl>
              </li>
              <li>
                <dl>
                  <dt>
                    <a>示例报告 <i class="icon icon-down pull-right"></i>
                    </a>
                  </dt>
                  <dd class="hide">
                    <ol>
                      <li>
                        <a href="https://www.wegene.com/demo2/male/">男性</a>
                      </li>
                      <li>
                        <a href="https://www.wegene.com/demo2/female/">女性</a>
                      </li>
                    </ol>
                  </dd>
                </dl>
              </li>
              <li>
                <dl>
                  <dt>
                    <a href="https://www.wegene.com/science/">科学研究</a>
                  </dt>
                </dl>
              </li>
              <li class="community">
                <dl>
                  <dt>
                    <a data-url="explore/?category=1">社区</a>
                  </dt>
                </dl>
              </li>
              <li>
                <dl>
                  <dt>
                    <a>购买 <i class="icon icon-down pull-right"></i>
                    </a>
                  </dt>
                  <dd class="hide">
                    <ol>
                      <li>
                        <a href="https://www.wegene.com/buy/">
                              WeGene 检测标准版
                            </a>
                      </li>
                      <li>
                        <a href="https://www.wegene.com/shop/item/13">
                              全基因组测序菁英版
                            </a>
                      </li>
                    </ol>
                  </dd>
                </dl>
              </li>
              <li>
                <dl>
                  <dt>
                    <a href="https://www.wegene.com/invoice/">订单</a>
                  </dt>
                </dl>
              </li>
            </ul>
            <div class="bg"></div>
          </div>
        </div>
        <div class="aw-manage-bar">
          <div class="navbar-header">
            <button class="navbar-toggle">
              <i class="icon icon-user"></i>
            </button>
          </div>
          <div class="side-nav">
            <ul>
              <li class="text-right">
                <i class="icon icon-delete pull-right auto-close"></i>
              </li>
              <li>
                <dl>
                  <dt>
                    <a>我的账号</a>
                  </dt>
                  <dd>
                    <a href="https://www.wegene.com/account/login/">登录</a>
                  </dd>
                  <dd>
                    <a href="https://www.wegene.com/account/register/">注册</a>
                  </dd>
                </dl>
              </li>
            </ul>
            <div class="bg"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="nav-toggle">
    <div class="toggle" data-toggle="research">
      <ul>
        <li>
          <a href="https://www.wegene.com/lab/">
            <i class="icon icon-research-4 circle yellow"></i> 研究所
              </a>
        </li>
        <li>
          <a href="https://www.wegene.com/crowdsourcing/">
            <i class="icon icon-reader circle cyan"></i> 微解读
            </a>
        </li>
        <li>
          <a href="https://www.wegene.com/third/">
            <i class="icon icon-app circle purple"></i> 应用
              </a>
        </li>
        <li>
          <a href="https://www.wegene.com/ancestry/explore_surname/">
            <i class="icon icon-similar circle red"></i> 姓氏祖源
              </a>
        </li>
        <li>
          <a href="https://www.wegene.com/dna_family/">
            <i class="icon icon-relation circle green"></i> 基因关系
              </a>
        </li>
        <li>
          <a href="https://www.wegene.com/report/raw/">
            <i class="icon icon-gene-2 circle blue-dark"></i> 原始数据
              </a>
        </li>
      </ul>
    </div>
    <div class="toggle" data-toggle="buy">
      <ul>
        <li>
          <a href="https://www.wegene.com/buy/">
                WeGene 检测标准版
              </a>
        </li>
        <li>
          <a href="https://www.wegene.com/shop/item/13">
                全基因组测序菁英版
              </a>
        </li>
      </ul>
    </div>
  </div>
</div>